<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
<title>好农易商城</title>
<link href="shop/css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<script type="text/javascript">
	function addNum() {
		document.getElementById("count").value=parseInt(document.getElementById("count").value) + 1;
	}
	function subNum() {

		if (document.getElementById("count").value=="1") {
			return;
		}

		document.getElementById("count").value=parseInt(document.getElementById("count").value) - 1;
	}
	</script>
	<link rel="shortcut icon" href="shop/images/pic28.jpg" />
	<link rel="Bookmark" href="shop/images/pic28.jpg" />
</head>
<body>
	<div class="header-bg">
		<div class="wrap">
			<div class="h-bg">
				<div class="total">
					<div class="header">
						<div class="box_header_user_menu">
							<div th:replace="shop/userBar :: page-user-bar"></div>
						</div>
						<div class="clear"></div>
						<div class="header-bot">
							<div th:replace="shop/logo :: page-logo"></div>
							<div class="clear"></div>
						</div>
					</div>
					<div class="menu">
						<div th:replace="shop/topBar :: page-top-bar"></div>
					</div>
					<div class="banner-top">
						<div class="header-bottom">
							<div class="header_bottom_right_images">
								<div class="about_wrapper">
									<h1>
										商品详细信息<br/>
										<span th:if="${#fields.hasErrors('${goodsForm.*}')}"><span th:errors="${goodsForm.*}"></span></span>
										<span th:text="${message}"></span>
									</h1>
								</div>
								<form action="addCart" th:object="${goodsForm}" method="post">
									<input type="hidden" name="commodityId" value="" th:value="${goodsForm.commodityId}" />
									<div class="about-top">
										<div class="grid images_3_of_1">
											<img alt="商品详细情况" th:src="@{showImage(pictureId=${goodsForm.pictureId})}" style="height:185px;width:330px;" />
										</div>
										<div class="grid span_2_of_3">
											<h3 th:text="${goodsForm.commodityName}"></h3>
											<p>品牌：<span  th:text="${goodsForm.brandName}"></span></p>
											<p>经销商：<span th:text="${goodsForm.supplierName}"></span></p>
											<p>规格：每<span th:text="${#strings.concat(goodsForm.unit).concat(goodsForm.specifications)}"></span></p>
											<p>零售价：<span th:text="${goodsForm.retailPrice}"></span>元</p>
											<p>库存：<span th:text="${goodsForm.stock}"></span></p>
											<p>
												<input type="button" onclick="subNum();" value="-" />
												<input style="width:40px;" name="count" id="count" type="text" value="1" />
												<input type="button" onclick="addNum();" value="+" />
												<button class="button"><span>加入购物车</span></button>
											</p>
										</div>
										<div class="clear"></div>
									</div>
									<div class="clear"></div>
								</form>
							</div>
							<div class="header-para">
								<div th:replace="shop/rightBar :: page-right-bar"></div>
							</div>
							<div class="clear"></div>
							<div class="footer-bottom">
								<div class="copy">
									<div th:replace="shop/copyRight :: page-copy-right"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>



